<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>借阅人列表&nbsp;|&nbsp;华软图书管理系统</title>
    <link href="asserts/layui/css/layui.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript">
    </script>
</head>
<body>

<header class="layui-bg-black"
        style="display: flex; justify-content: space-between; align-items: center; padding: 0 20px;">
    <div style=" width: 300px; font-size: 22px; display: flex;">
        <img style="width: 40px; height: 40px;"
             src="asserts/layui/sise.jpg"/>
        <span>&nbsp;&nbsp;</span>
        <li>华软图书管理系统</li>
    </div>
    <div>
        <span style="font-weight: bold; ">借阅人列表</span>
    </div>
    <ul class="layui-nav">
        <span class="layui-badge-dot layui-bg-blue"></span>
        <#if key??>
        <li class="layui-nav-item"><a href="/search.do?key=<#if key??>${key}</#if>">返回</a></li>
        <#else>
        <li class="layui-nav-item"><a href="/books.do">返回</a></li>
        </#if>
        <li class="layui-nav-item"><a href=""><img
                src="//t.cn/RCzsdCq" class="layui-nav-img"><#if Session["ADMIN"]??>${Session["ADMIN"].username}</#if></a>
            <dl class="layui-nav-child">
                <dd>
                    <a href="javascript:;">修改信息</a>
                </dd>
                <dd>
                    <a href="javascript:;">安全管理</a>
                </dd>
                <dd>
                    <a href="adminLogout.do">退出</a>
                </dd>
            </dl>
        </li>
    </ul>
</header>

<section>
    <div class="layui-row layui-col-space10">
        <div class="layui-col-md1" >
            <!--            1/3-->
        </div>

        <div class="layui-col-md10 layui-anim layui-anim-upbit">
            <blockquote class="layui-elem-quote">
                借阅图书：<label>书名:</label><#if (book.name)??>${book.name}</#if>
                <lable>作者:</lable><#if (book.author)??>${book.author}</#if>
            </blockquote>

            <#if (book.userList)??>
            <table class="layui-table">
                <thead>
                <tr>
                    <th>序号</th>
                    <th>姓名</th>
                    <th>读者号</th>
                    <th>手机号</th>
                    <th>email</th>
                    <th>借出时间</th>
                    <th>应还时间</th>
                </tr>
                </thead>
                <tbody id="tbody">
                <#list book.userList as user>
                <tr>
                    <td>${user_index+1}</td>
                    <td><#if (user.username)??> ${user.username} </#if></td>
                    <td> <#if (user.number)??> ${user.number} </#if></td>
                    <td> <#if (user.telephone)??> ${user.telephone} </#if></td>
                    <td> <#if (user.email)??> ${user.email} </#if></td>
                    <td> 00 </td>
                    <td> 00</td>
                </tr>
                </#list>
                </tbody>
            </table>
            <#else>
            <h2 align="center" style="padding: 15px; ">本书暂无人借阅</h2>
        </#if>


        <div style="display: flex; justify-content: center;">
            <div id="pager"></div>
        </div>
    </div>

    <div class="layui-col-md1" >
        <!--            1/3-->
    </div>
    </div>
</section>

<script src="asserts/layui/layui.js"></script>
<script>
    layui.use('element', function(){
        var element = layui.element;
    });
</script>
</body>
</html>